<template>
  <div>
    <Row>
    <Card>
      <div class="top-tool-bar">
        &nbsp;&nbsp;&nbsp;&nbsp;操作用户&nbsp;&nbsp;
        <Input v-model="value2" style="width:200px" placeholder="请输入操作用户"></Input>
        &nbsp;&nbsp;&nbsp;&nbsp;操作名称&nbsp;&nbsp;
        <Input v-model="value2" style="width:200px" placeholder="请输入操作名称"></Input>
        &nbsp;&nbsp;&nbsp;&nbsp;请求IP&nbsp;&nbsp;
        <Input v-model="value2" style="width:200px" placeholder="请输入请求IP"></Input><br/>
        &nbsp;&nbsp;&nbsp;&nbsp;操作时间&nbsp;&nbsp;
        <DatePicker class="distance"  type="datetime" placeholder="选择开始时间" ></DatePicker>--
        <DatePicker type="datetime" placeholder="选择结束时间" ></DatePicker>
        <Button type="primary" icon="ios-search" >搜索</Button>

      </div>

      <Row>
        <Col >
        <Table border :columns="columns1" :data="data1"></Table>
        </Col>
      </Row>
      <Page :total="100" show-elevator show-sizer @on-change="changePage"></Page>
    </Card>
    </Row>
  </div>
</template>
<style scoped>

</style>
<script type="text/ecmascript-6">

  export default {
    beforeMount () {

    },
    mounted() {

    },
    data () {
      return {
        detail:{
          input1:'',
          input2:'',
        },
        showAddOrderModal:false,
        columns1: [
          {
            type: 'selection',
            width: 60,
            align: 'center'
          },
          {
            title: '操作名称',
            key: 'name1'
          },
          {
            title: '操作用户',
            key: 'name2'
          },
          {
            title: '操作时间',
            key: 'name3'
          },
          {
            title: '请求IP',
            key: 'name4'
          }
        ],
        data1: [
          {
            name1: '访问日志管理页面',
            name2: 'boss',
            name3: '2017-2-9',
            name4: '172.31.3.27',
          },
          {
            name1: '访问日志管理页面',
            name2: 'boss',
            name3: '2017-2-9',
            name4: '172.31.3.27',
          },
          {
            name1: '访问日志管理页面',
            name2: 'boss',
            name3: '2017-2-9',
            name4: '172.31.3.27',
          },
          {
            name1: '访问日志管理页面',
            name2: 'boss',
            name3: '2017-2-9',
            name4: '172.31.3.27',
          },
          {
            name1: '访问日志管理页面',
            name2: 'boss',
            name3: '2017-2-9',
            name4: '172.31.3.27',
          }
        ],
        value2: '',
        loading:false,
        list: {},

        model1: ''
      }
    },
    methods: {
      changePage(num){
        console.log(num);
      }
    }

  };
</script>
